<!--
 * @Author       : tongzonghua
 * @Date         : 2020-10-27 15:16:57
 * @LastEditors  : tongzonghua
 * @LastEditTime : 2020-10-28 17:23:47
 * @Email        : tongzonghua@360.cn
 * @Description  : 
 * @FilePath     : /cli/aframe/index.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta aframe-injected="" name="viewport"
    content="width=device-width,initial-scale=1,maximum-scale=1,shrink-to-fit=no,user-scalable=no,minimal-ui,viewport-fit=cover">
  <meta aframe-injected="" name="mobile-web-app-capable" content="yes">
  <meta aframe-injected="" name="theme-color" content="black">
  <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
  <script src="https://unpkg.com/aframe-event-set-component@3.0.3/dist/aframe-event-set-component.min.js"></script>
  <title>sky</title>
</head>
<!-- event-set__enter="_event: mouseenter; scale: 1.5 1.5 1.5" event-set__down="_event: mousedown; scale: 1.5 1.5 1.5"
event-set__leave="_event: mouseleave; scale: 1 1 1" -->

<body>
  <a-scene stats>
    <a-assets>
      <img id="skyTexture1" src="./static/1.jpg" alt="">
      <img id="skyTexture3" src="./static/3.jpg" alt="">
      <img id="skyTexture4" src="./static/4.jpg" alt="">
      <img id="skyTexture5" src="./static/5.jpg" alt="">
      <img id="skyTexture6" src="./static/6.jpg" alt="">
      <img id="skyTexture7" src="./static/7.jpg" alt="">
      <img id="skyTexture8" src="./static/8.jpg" alt="">
      <img id="tankTexture" src="https://p5.ssl.qhimg.com/t0114f2783c8623a174.png" alt="">
      <audio id="scenceBg" src="./static/1.mp3" loop></audio>
      <!-- <video id="vdo" autoplay loop src="http://video.topgamers.cn/15777132180106280341_bit30.mp4"></video> -->
    </a-assets>
    <!-- 礼盒 -->
    <!-- <a-box id="gift" position="-8 2 -20" geometry="primitive:box" src="#tankTexture"
      event-set__enter="_event: mouseenter;" event-set__down="_event: mousedown;"
      event-set__leave="_event: mouseleave;">
      <a-animation attribute="scale" from="1 1 1" to="1.5 1.5 1.5" direction="alternate" dur="2000" easing="ease-in-out"
        fill="forwards" repeat="indefinite">
      </a-animation>
    </a-box> -->
    <!-- 定点 -->
    <!-- <a-camera>
      <a-cursor></a-cursor>
    </a-camera> -->
    <!-- 音乐 -->
    <!-- <a-sound src="#scenceBg" autoplay="true" position="0 2 5"></a-sound> -->
    <a-sky src="#skyTexture8"></a-sky>
  </a-scene>
</body>

</html>